<!DOCTYPE html>
<html lang="zh_CN" xmlns:th="http://www.thymeleaf.org"
      xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
<meta charset="utf-8">
<head th:include="include :: header"></head>
<body class="gray-bg">
<div class="wrapper wrapper-content animated fadeInRight">
    <div class="col-sm-12">
        <div class="ibox">
            <div class="ibox-body">
                <form id="evaluationForm">
                    <div class="form-group" >
                        <label>1、该学生在实训过程中的课堂情况如何？</label>
                        <div style="margin-top: 10px;margin-left: 30px">
                            <label><input style="margin-right: 5px" name="teaQuestionOne" id="teaQuestionOne1" type="radio" value="1" disabled/>很好</label>
                            <label style="margin-left: 50px"><input style="margin-right: 5px" name="teaQuestionOne" id="teaQuestionOne2" type="radio" value="2" disabled/>一般</label>
                            <label style="margin-left: 50px"><input style="margin-right: 5px" name="teaQuestionOne" id="teaQuestionOne3" type="radio" value="3" disabled/>很差</label>
                        </div>
                    </div>
                    <div class="form-group" style="margin-top: 20px">
                        <label>2、该学生的作业完成情况如何？</label>
                        <div style="margin-top: 10px;margin-left: 30px">
                            <label><input style="margin-right: 5px" name="teaQuestionTwo" id="teaQuestionTwo1" type="radio" value="1" disabled/>很好</label>
                            <label style="margin-left: 50px"><input style="margin-right: 5px" name="teaQuestionTwo" id="teaQuestionTwo2" type="radio" value="2" disabled/>一般</label>
                            <label style="margin-left: 50px"><input style="margin-right: 5px" name="teaQuestionTwo" id="teaQuestionTwo3" type="radio" value="3" disabled/>很差</label>
                        </div>
                    </div>
                    <div class="form-group" style="margin-top: 20px">
                        <label>3、该学生存在的问题？</label><br>
                        <div style="margin-top: 10px;margin-left: 10px" class="col-sm-12" >
                            <label class="form-inline" style="width: 10px;float: left;margin-top: 5px">答:</label>
                            <div class="form-inline col-sm-10">
                                <textarea style="margin-right: 5px;width: 60%" name="teaQuestionThree" th:text="${evaluationDO.getTeaQuestionThree()}"
                                          class="form-control" type="text" disabled></textarea>
                            </div>
                        </div>
                    </div>
                    <div class="form-group" style="margin-top: 80px;margin-bottom: 20px">
                        <label>4、请在下方文本框内写下你对该学生的指导意见以及期望。</label><br>
                        <div style="margin-top: 10px;margin-left: 10px" class="col-sm-12" >
                            <label class="form-inline" style="width: 10px;float: left;margin-top: 5px">答:</label>
                            <div class="form-inline col-sm-10">
                                <textarea style="margin-right: 5px;width: 60%" name="teaQuestionFour" th:text="${evaluationDO.getTeaQuestionFour()}"
                                          class="form-control" type="text" disabled></textarea>
                            </div>
                        </div>
                    </div>

                    <input id="teaQuestionOne" th:value="${evaluationDO.getTeaQuestionOne()}" hidden>
                    <input id="teaQuestionTwo" th:value="${evaluationDO.getTeaQuestionTwo()}" hidden>

                </form>

            </div>
        </div>
    </div>
</div>
<div th:include="include :: footer"></div>
<script type="text/javascript">
     $().ready(function() {
     var one = $("#teaQuestionOne").val();
     if (one == 1) {
         $("#teaQuestionOne1").attr('checked', 'checked');
     }else if (one == 2) {
         $("#teaQuestionOne2").attr('checked', 'checked');
     }else {
         $("#teaQuestionOne3").attr('checked', 'checked');
     }

     var two = $("#teaQuestionTwo").val();
     if (two == 1) {
         $("#teaQuestionTwo1").attr('checked', 'checked');
     }else if (two == 2) {
         $("#teaQuestionTwo2").attr('checked', 'checked');
     }else {
         $("#teaQuestionTwo3").attr('checked', 'checked');
     }

     });
</script>
</body>
</html>